<template>
    <div class="continer">
       <div class="top">  
            <div class="info">
                <ul>
                    <li>
                        <div class="meta-block">
                            <router-link to="/articalRes">
                                文章
                            </router-link>      
                            <el-divider direction="vertical"></el-divider>    
                        </div>
                    </li>
                    <li>
                        <div class="meta-block">
                            <router-link to="/userRes">
                                用户 
                            </router-link>
                        </div>
                    </li>
                </ul>
            </div>
        
       </div>
       <div class="innerText">
           <router-view/>
       </div>
    </div>
</template>
<script>
export default {
    data() {
      return {
        activeName: 'second'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
}
</script>
<style lang="less" scoped>
.continer{
    width:65%;
    height:100%;
    // background-color: azure;
    background-color: white;
    border-bottom: rgb(236, 236, 236) solid 1px;
    // box-shadow: rgb(122, 122, 122) 1px 1px 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.top{
    height: 6rem;
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}

.info{
    height: 50%;
    position: absolute;
    top: 15%;
    // bottom: 0px;
    > ul{
        display: flex;
        justify-content: flex-end;
        >li{
            margin-left: 10px;
            text-align: center;
        }
    } 
}

</style>